* {
    padding: 0px;
    margin: 0px;
    word-wrap: break-word;
    word-break: break-all;
    margin: 0;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
  }
  
  [v-cloak] {
    display: none;
  }
  
  #app {
    background: $c1;
    height: 100vh;
  }
  
  .maxWb100 {
    // max-width: 100%;
    width: auto;
  }
  
  .wb30 {
    width: 30%;
  }
  
  .wb50 {
    width: 50%;
  }
  
  .wb90 {
    width: 90% !important;
  }
  
  .wb100 {
    width: 100% !important;
  }
  
  .hb100 {
    height: 100%;
  }
  
  .h98 {
    height: 98px;
  }
  
  .h143 {
    height: 143px;
  }
  
  .h34 {
    height: 34px;
  }
  
  .el-menu-item a,
  .el-sub-menu__title a {
    color: $c1;
  }
  
  .none {
    display: none;
  }
  
  .visHid {
    visibility: hidden;
  }
  
  .of {
    overflow: hidden;
  }
  
  .scroll_y {
    overflow-y: scroll !important;
  }
  
  .fl {
    float: left;
  }
  
  .fr {
    float: right;
  }
  
  .cur {
    cursor: pointer;
  }
  
  .move {
    cursor: move;
  }
  
  .tc {
    text-align: center;
  }
  
  .tl {
    text-align: left;
  }
  
  .tr {
    text-align: right;
  }
  
  .of {
    overflow: hidden;
  }
  
  .pr {
    position: relative;
  }
  
  .pa {
    position: absolute;
  }
  
  .dis-b {
    display: block;
  }
  
  .dis-i {
    display: inline;
  }
  
  .dis-in {
    display: inherit;
  }
  
  .dis-ib {
    display: inline-block;
  }
  
  .dis-flex {
    display: inline-flex;
  }
  
  .wc {
    left: 50%;
    right: 50%;
    z-index: 1;
  }
  
  ul li,
  ol li,
  ul li {
    list-style: none;
  }
  
  input:focus,
  textarea:focus {
    outline: none;
  }
  
  .nop {
    padding: 0px !important;
  }
  
  .b-no {
    border: none !important;
  }
  
  textarea {
    resize: none;
  }
  
  .textarea {
    resize: none;
  }
  
  .clear {
    clear: both;
  }
  
  .clearfix:after {
    content: " ";
  }
  
  .clearfix {
    display: block;
    zoom: 1;
  }
  
  .middle {
    vertical-align: middle;
  }
  
  .clearfix:after,
  html body div.clear,
  html body span.clear {
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
    clear: both;
  }
  
  .hover {
    color: $c3;
  
    &:hover {
      color: $c4;
    }
  }
  
  .ws {
    overflow-wrap: normal;
    word-break: normal;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  .no_a a:hover,
  a,
  a.no_a:hover {
    text-decoration: none;
  }
  
  p {
    word-wrap: break-word;
  }
  
  .fw {
    font-weight: 800;
  }
  
  .fw0 {
    font-weight: normal;
  }
  
  .mc {
    margin-left: auto;
    margin-right: auto;
  }
  
  .auto {
    overflow: auto;
  }
  
  .b_rd_3 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  
  .b_rd_5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  
  .b_rd_10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
  
  .b_rd_50 {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
  }
  
  /********下划线********/
  .br {
    border-right: 1px solid $c3;
  }
  
  .bl {
    border-left: 1px solid $c3;
  }
  
  .underline {
    text-decoration: underline;
  }
  
  .b {
    border: 1px solid $c3;
  }
  
  .line {
    border-bottom: 1px solid $c3;
  }
  
  /**不换行**/
  .nowrap {
    white-space: nowrap;
  }
  
  /***省略号**/
  
  .ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .ellipsis_clamp_2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis_clamp_3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  
  .ellipsis_clamp_4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  
  .z300 {
    z-index: 300;
  }
  
  .z_9999 {
    z-index: -9999;
  }
  
  .fixed {
    position: fixed;
  }
  
  /********line-height*******/
  .lh20 {
    line-height: 20px;
  }
  
  .lh22 {
    line-height: 22px;
  }
  
  .lh28 {
    line-height: 28px;
  }
  
  .lh32 {
    line-height: 32px;
  }
  
  .lh40 {
    line-height: 40px;
  }
  
  .lh42 {
    line-height: 42px;
  }
  
  .lh50 {
    line-height: 50px;
  }
  
  .lh98 {
    line-height: 98px;
  }
  
  .el-button--text {
    color: $c4;
  }
  
  .el-button--medium {
    padding: 8px 12px;
  
    span {
      font-size: 12px;
    }
  
    // padding-bottom: 8px;
  }
  
  /*********按钮 button*********/
  // .el-button--primary:active {
  //   background: $c4 !important;
  //   --el-button-active-background-color: $c4 !important;
  //   --el-button-active-border-color: $c4 !important;
  //   border-color: $c4 !important;
  // }
  /********contentBox*******/
  .contentBox {
    background: $c5;
    height: 100%;
  }
  
  /********buttun*******/
  .el-input-group__append span {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /********radio*******/
  .el-radio.el-radio--small {
    line-height: 31px;
  }
  
  /********table*******/
  .el-table thead {
    color: $c2;
  }
  
  // .el-table th,
  // .el-table tr {
  //   background-color: $c2 !important;
  // }
  .el-table__header tr th {
    background-color: $c3 !important;
    color: $c3;
  
    span,
    div {
      font-weight: 600;
    }
  }
  
  .has-gutter {
    tr {
      th {
        background-color: $c3;
        color: $c3;
        font-weight: 500;
      }
    }
  }
  
  .el-table .cell {
    line-height: 24px;
  }
  
  .el-table .caret-wrapper {
    height: 24px;
  }
  
  .el-table .sort-caret.ascending {
    top: 0px;
  }
  
  .el-table .sort-caret.descending {
    bottom: 0px;
  }
  
  .flex {
    display: flex;
  }
  .flex_grow_1 {
    flex: 1;
  }
  
  .flex_wrap {
    display: flex;
    flex-wrap: wrap;
  }
  
  .flex_column {
    flex-direction: column; //主轴竖列
  }
  
  .align {
    align-items: center;
    /*垂直居中*/
  }
  
  .just_center {
    justify-content: center;
  }
  
  .just_end {
    justify-content: end;
  }
  
  .just_between {
    justify-content: space-between;
  }
  .is-link{
    color: $c4 !important;
  }